<!DOCTYPE HTML>
<html>
<head>
<title>Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- fonts -->
<link href="http://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
<!-- js files -->
<script src="js/modernizr.js"></script>
<!-- /js files -->
</head>
<body>
<!-- inner banner -->
<section class="inner-banner">
	<!-- navigation section -->
	<div class="navbar-wrapper">
		<div class="container">
			<nav class="navbar navbar-inverse navbar-static-top">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>	
					<a class="navbar-brand" href="index.html"><h1>Armament</h1></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right cl-effect-20">
						<li><a href="index.html"><span data-hover="Home">Home</span></a></li>
						<li><a href="service.html"><span data-hover="Services">Services</span></a></li>
						<li><a href="gallery.html"><span data-hover="Gallery">Gallery</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span data-hover="Shortcodes">Shortcodes</span></a>
							<ul class="dropdown-menu">
								<li><a href="typo.html">Typography</a></li>
								<li class="divider"></li>
								<li><a href="icons.html">Fontawesome Icons</a></li>
							</ul>
						</li>
						<li class="active"><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
					</ul>
				</div>
			</nav>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form action="#" method="post">
						<input class="sb-search-input" placeholder="Search Here" type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
		</div>	
	</div>
	<!-- /navigation section -->
	<div class='header'>
		<h2 class="inner-header">Contact Us</h2>
	</div>
</section>
<!-- /inner banner -->
<div class="map" data-aos="flip-up">
	<iframe class="googlemaps" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d380510.6741687111!2d-88.01234121699822!3d41.83390417061058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1455598377120" style="border:0" allowfullscreen></iframe>
</div>	
<section class="contact-w3ls">
	<div class="container">
		<!-- Contact Details Column -->
		<div class="col-md-4 contact-wthree1" data-aos="zoom-in">
			<h3>Contact Details</h3>
			<p class="contact-agileits">3481 Chicken Street, Jack Ass Arena, Chicago 90210, USA.</p>
			<p class="contact-agileits"><i class="fa fa-phone"></i> <abbr title="Phone">Phone</abbr>: (123) 456-7890</p>
			<p class="contact-agileits"><i class="fa fa-envelope-o"></i> <abbr title="Email">Email</abbr>: <a href="mailto:name@example.com">name@example.com</a></p>
			<p class="contact-agileits"><i class="fa fa-clock-o"></i> <abbr title="Hours">Hours</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
		</div>
		<div class="col-md-8 contact-wthree2" data-aos="zoom-in">
			<div class="col-xs-12">
				<h3>Send us a Message</h3>
			</div>	
			<form action="#" method="post" id="contactForm">
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="control-group form-group">
						<div class="controls">
							<label>First Name:</label>
							<input type="text" class="form-control" id="firstname" title="Please enter your First name." required>
						</div>
					</div>	
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">
					<div class="control-group form-group">
						<div class="controls">
							<label>Last Name:</label>
							<input type="text" class="form-control" id="lastname" title="Please enter your name." required>
						</div>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">	
					<div class="control-group form-group">
						<div class="controls">
							<label>Phone Number:</label>
							<input type="tel" class="form-control" id="phone" title="Please enter your phone number." required>
						</div>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-6">	
					<div class="control-group form-group">
						<div class="controls">
							<label>Email Address:</label>
							<input type="email" class="form-control" id="email" title="Please enter your email address." required>
						</div>
					</div>
				</div>
				<div class="col-lg-12 col-md-12 col-sm-12">	
					<div class="control-group form-group">
						<div class="controls">
							<label>Message:</label>
							<textarea rows="10" cols="100" class="form-control" id="message" title="Please enter your message" maxlength="999" style="resize:none"></textarea>
						</div>
					</div>
				</div>	
				<div class="col-lg-12 col-md-12 col-sm-12">
					<button type="submit" class="btn btn-primary">Send Message</button>
				</div>
			</form>
		</div>
		<div class="clearfix"></div>
	</div>	
</section>	
<!-- footer -->
<section class="footer-w3ls">
	<div class="container">
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts1" data-aos="flip-right">
			<a href="index.html" class="footer-logo"><h3>Armament</h3></a>
			<p class="footer-w3-agileits1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec elementum diam. Etiam tempus sit amet mauris in molestie. Ut lorem nunc, ultricies eu diam et, egestas sagittis nunc.</p>
			<ul class="social-icons1">
				<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				<li><a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
			</ul>
		</div>
		<div class="col-lg-6 col-md-6 col-sm-6 footer-agileits-w3layouts2" data-aos="flip-left">
			<div class="subscribe">
				<p class="footer-w3-agileits3">Subscribe to our email list and stay upto date with all our latest updates.</p>
				<form action="#" method="post">
					<div class="form-group1">
						<input class="form-control" id="mail" name="email" placeholder="Enter Your Email Address" type="email" required>
					</div>
					<div class="form-group2">
						<button class="btn btn-outline btn-lg" type="submit">Subscribe</button>
					</div>
					<div class="clearfix"></div>
				</form>
			</div>	
		</div>
		<div class="clearfix"></div>
		<hr>
		<p class="footer-w3-agileits2">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	</div>
</section>
<!-- /footer -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/grayscale.js"></script>
<!-- js for back to top -->
<script src="js/top.js"></script>
<!-- /js for back to top -->
<!-- js for inner banner -->
<script src="js/bgfader.js"></script>
<script>
var myBgFader = $('.header').bgfader([
  'images/inner1.jpg',
  'images/inner2.jpg',
  'images/inner3.jpg',
  'images/inner4.jpg',
], {
  'timeout': 3000,
  'speed': 3000,
  'opacity': 0.4
})
myBgFader.start()
</script>
<!-- /js for inner banner -->
<!-- js for search button -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
	new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- /js for search button -->
<!-- js for bootstrap dropdown -->
<script src="js/index.js"></script>
<!-- /js for bootstrap dropdown -->
<script src='js/aos.js'></script>
<script src="js/index2.js"></script>
<!-- /js files -->
</body>
</html>	